<!DOCTYPE html>
<html lang="zh-cn" class="pui-app" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>MZUI</title>

    <!-- MZUI CSS 文件 -->
    <link href="/mzui-dist/css/mzui.min.css" rel="stylesheet">
</head>
<body class="with-nav-top can-scroll scroll-up">
<header class="heading primary affix dock-top dock-auto" id="haedNav">
    <nav class="nav" id="headNav">
        <a href="/home/index"><i class="icon-home"></i></a>
        <a class="active">汪星人</a>
        <a>喵星人</a>
    </nav>
</header>
    <div>
        <img src="https://img.zcool.cn/community/014bc95af50428a8012160450b7270.jpg@2o.jpg"/>
    </div>
    <div class="control has-label-left has-icon-right">
        <form class="box">
            <div class="control has-label-left has-icon-right" style="width:75%">
                <input id="username" name="username" type="text" class="input" placeholder="手机号码">
                <label for="username"><i class="icon-user"></i></label>
                <i class="icon icon-check"></i>
<!--                <p class="help-text">此用户名可用。</p>-->
            </div>

            <div class="control flex has-label-left has-icon-right">
                <input id="provice" name="provice" type="text" class="input" placeholder="输入验证码">
                <button type="button" class="btn primary">获取验证码</button>
            </div>
            <div class="control">
                <button type="button" class="btn-lg success">登录</button>
            </div>
        </form>
    </div>
    <nav class="nav affix dock-bottom success outline justified">
        <a href="/home/index" class="active">首页</a>
        <a>上传</a>
        <a href="/home/myhome">我的</a>
    </nav>
<!-- MZUI 的 JavaScript 插件依赖 jQuery，请使用 jQuery 最新版本 -->
<script src="/mzui-dist/lib/jquery/jquery-3.2.1.min.js"></script>
<!-- 引入 MZUI 的 JS 文件 -->
<script src="/mzui-dist/js/mzui.min.js"></script>
</body>
</html>